@import "../global/mixin.less";
// 这边定义一些全局样式
* {
  margin: 0;
  padding: 0;
  border: 0;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  // TODO 换张背景图，图片内容主要集中在两边，线条形，约简单越好
  background: url(../../medias/bg8.png) no-repeat fixed center;
  background-size: 100% 100%;
}

#main {
  // height: 100%;
}

#content {
  height: 100%;
  // background: #f9f7ed;
}

// 预设类, 当滑动到一定位置时，给右侧目录块加上这个类，固定，形成滚动差效果
.toc-fixed {
  position: fixed;
}

// https://segmentfault.com/a/1190000012800450 滚动条参考
// 滚动条整体样式
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

// 滚动条里面轨道样式(长的)
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
}

// 滚动条滑块样式(短的)
::-webkit-scrollbar-thumb {
  background: rgba(#f1f1f1, 0.08);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

// 滚动条hover效果
::-webkit-scrollbar-thumb:hover {
  background: rgba(@weixin-green, 0.8);
}
